<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>DevToolKit</title>

        <link rel="stylesheet" href="bootstrap.css">
        <link rel="stylesheet" href="panel.css">
    </head>

    <body>

        <!-- 底页标题 -->
        <div id="container_up" class="mw_division">
            <div class="col-md-4" style="color:antiquewhite">
                <h4>BS_MW</h4>
            </div>
        </div>

        <div class="container" id="container_content">

            <!-- 
                导航栏 
            -->
            <div class="container" id="container_nav">
                <div class="row" id="nav_bar">
                    <div class="col-md-12 col-sm-12 col-lg-12">
                        <nav class="nav nav-pills nav-fill">
                            <a class="nav-item nav-link" href="#" id="a_basic_info">基本信息</a>
                            <a class="nav-item nav-link" href="#" id="a_get_data">获取数据</a>
                            <a class="nav-item nav-link" href="#" id="a_send_data">发送数据</a>
                            <a class="nav-item nav-link d-none" href="#" id="a_import_proj">导入项目</a>
                        </nav>
                    </div>
                </div>
            </div>
            

            <!-- 
                警告框
            -->
            <div class="container" id="container_warning_confirm">
                <div name="division line" class="mw_division" id="division_for_div_warning"></div>
                <div id="div_warning_collapse" data-toggle="collapse" aria-expanded="false" class="container collapse p-0">
                    <div class="row mw_card_content_warning" id="div_warning">
                        <div class="col-md-12 col-sm-12">
                            <h5>Warning</h5>
                            <!-- <div class="mw_division_10"></div> -->
                            <p id="warning_content">content</p>
                            <!-- <div class="mw_division_10"></div> -->
                            <div class="d-flex justify-content-end">
                                <button type="button" class="btn btn-light" id="btn_warning_close">我知道了</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 
                基本信息
            -->
            <div class="container d-none" id="container_basic_info">
                <div name="division line" class="mw_division" id="division_for_div_basic_info"></div>
                <div class="row mw_card_content" id="div_basic_info" >
                    <div class="col-md-12">
                        <form>
                            <div class="form-group">
                                <label for="project_name">项目名称</label>
                                <input type="text" class="form-control" id="project_name" placeholder="输入项目名称" value="test">
                            </div>
        
                            <div class="form-group">
                                <label for="project_intro">项目简介</label>
                                <textarea class="form-control" rows="3" id="project_intro">test</textarea>
                            </div>
        
                            <div class="form-group">
                                <label for="backend_address">服务器地址</label>
                                <input type="text" class="form-control" id="backend_address" placeholder="默认地址 http://localhost:8000/" value="http://localhost:8000/">
                            </div>
        
                            <div class="form-group">
                                <label for="target_host">目标网站地址</label>
                                <input type="text" class="form-control" id="target_host" placeholder="目标网站地址" readonly>
                            </div>
        
                            <div class="form-group">
                                <p>数据获取方式</p>
                                <select class="form-control form-control-sm" id="data_acquisition_method">
                                    <option value="data_acquisition_method_structure" id="data_acquisition_method_structure">获取结构数据</option>
                                    <option value="data_acquisition_method_continues" id="data_acquisition_method_continues">获取滚动数据</option>
                                    <option value="data_acquisition_method_simple_list" id="data_acquisition_method_simple_list">获取简单列表</option>
                                </select>
                            </div>
                        </form>
                    </div>
                    
                </div>
            </div>

            <!-- 
                获取数据 
            -->
            <div class="container d-none" id="container_get_data">
                <!-- 数据标定 -->
                <div class="container p-0" id="container_data_binding">
                    <div name="division line" class="mw_division" id="division_for_div_data_binding"></div>
                    <div class="row mw_card_content" id="div_data_binging">
                        <div class="col-md-12 col-lg-12">
                            <h5><a data-toggle="collapse" href="#form_data_binding" aria-expanded="false">第一步: 数据标定</a></h5>
                            <div class="mw_division_10"></div>

                            <form id="form_data_binding" class="collapse show">
                                <p id="warning"></p>
                                <p>1. 指定最小结构</p>
                                <div class="form-group row">
                                    <div class="col-md-3 col-sm-3 align-self-center">
                                        <button type="button" class = "btn btn-circle btn-get-xpath" id="btnBindValue">
                                            <img src="click.svg" id="imgBindValue">
                                        </button>
                                        <a href="#" class="mw_interval_l5r5" id="adjust_binding_xpath_up">up</a>
                                        <a href="#" class="mw_interval_l5r5" id="adjust_binding_xpath_down">down</a>
                                    </div>

                                    <div class="col-md-9 col-sm-9 align-self-center">
                                        <input type="text" readonly class="form-control" id="xpathBinding"></input>
                                    </div>    
                                </div>

                                <p>2. 调整最大范围</p>
                                <div class="form-group row">
                                    <div class="col-md-3 col-sm-3 align-self-center">
                                        <button type="button" class = "btn btn-circle btn-get-xpath" id="btnBindMaxXpath">
                                            <img src="click.svg" id="imgBindMaxXpath">
                                        </button>
                                        <a href="#" class="mw_interval_l5r5" id="adjust_max_xpath_up">up</a>
                                        <a href="#" class="mw_interval_l5r5" id="adjust_max_xpath_down">down</a>
                                        <a href="#" class="mw_interval_l5r5" id="adjust_max_xpath_lock">lock</a>
                                    </div>

                                    <div class="col-md-9 col-sm-9 align-self-center">
                                        <input type="text" readonly class="form-control" id="maxXpathBinding"></input>
                                    </div>
                                </div>


                                <!-- <p>生成子结构<span id="span_sub_num" style="display: none;">(子结构数量:)</span> - <span><a id="a_auto_create_sub_range_xpath" href="#">自动生成</a></span></p> -->
                                <p>生成的子结构: <span id="span_sub_num" style="display: block;"></span></p>


                                <div class="mw_division_10"></div>
                                <p>3. 选择数据刷新方式</p>
                                <div class="container">
                                    <div class="form-group row">
                                        <div class="col-md-3 col-sm-3 align-self-center">
                                            <label for="data_refresh_type">可选类型</label>
                                        </div>

                                        <div class="col-md-9 col-sm-9 align-self-center">
                                            <select class="form-control form-control-sm" id="simple_list_data_refresh_type">
                                                <option value="single_page">单页</option>
                                                <option value="turn_page">翻页</option>
                                                <option value="waterfall">瀑布流（自动刷新）</option>
                                                <option value="waterfall_btn">瀑布流（按钮刷新）</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="container p-0 d-none" id="container_data_refresh_single_page">

                                    </div>

                                    <div class="container p-0 d-none" id="container_data_refresh_turn_page">
                                        <p>- 指定翻页按钮</p>
                                        <div class="form-group row">
                                            <div class="col-md-3 col-sm-3 align-self-center">
                                                <button type="button" class = "btn btn-circle" id="btnGetTurnPageButton">
                                                    <img src="click.svg" id="imgGetTurnPageButton">
                                                </button>
                                            </div>
                                            <div class="col-md-9 col-sm-9">
                                                <input type="text" readonly class="form-control" id="txtTurnPageButtonXpath"></input>
                                            </div>    
                                        </div>

                                        <div class="form-group row">
                                            <div class="col-md-3 col-sm-3 align-self-center">
                                                <label for="txtTurnPageTimes">- 翻页次数</label>
                                            </div>
                                            <div class="col-md-9 col-sm-9">
                                                <input type="text" class="form-control" id="txtTurnPageTimes" placeholder="0"></input>
                                            </div>  
                                        </div>
                                    </div>

                                    <div class="container p-0 d-none" id="container_data_refresh_waterfall">
                                        <div class="form-group row">
                                            <div class="col-md-3 col-sm-3 align-self-center">
                                                <label for="txtWaterFallTimes">- <a href="#div_data_binging" data-toggle="tooltip" data-placement="left" title="浏览器的滚动条从顶部到底部为一次'滑动''">“滑动”</a>次数</label>
                                            </div>
                                            <div class="col-md-9 col-sm-9">
                                                <input type="text" class="form-control" id="txtWaterFallTimes" placeholder="0"></input>
                                            </div>  
                                        </div>
                                    </div>

                                    <div class="container p-0 d-none" id="container_data_refresh_waterfall_with_button">
                                        <p>- 指定刷新按钮</p>
                                        <div class="form-group row">
                                            <div class="col-md-3 col-sm-3 align-self-center">
                                                <button type="button" class="btn btn-circle" id="btnGetWaterFallButton">
                                                    <img src="click.svg" id="imgGetWaterFallButton">
                                                </button>
                                            </div>
                                            <div class="col-md-9 col-sm-9">
                                                <input type="text" readonly class="form-control" id="txtWaterFallBtnXpath">
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <div class="col-md-3 col-sm-3 align-self-center">
                                                <label for="txtWaterFallTimesBtn">- 刷新次数</label>
                                            </div>
                                            <div class="col-md-9 col-sm-9">
                                                <input type="text" class="form-control" id="txtWaterFallTimesBtn" placeholder="0">
                                            </div>
                                        </div>


                                        <!-- <div class="form-group row">
                                            <div class="col-md-3 col-sm-3 align-self-center">
                                                <label for="txtWaterFallTimesWithButton"></label>
                                            </div>
                                            <div class="col-md-9 col-sm-9">
                                                <input type="text" class="form-control" id="txtWaterFallTimesWithButton" placeholder="0">
                                            </div>
                                        </div> -->
                                    </div>
                                </div>
                                

                                <div class="mw_division_10"></div>
                                <div class="d-flex flex-row">
                                    <button type="button" name="btn_preview" class='btn btn-preview-data' id="btn_data_binding_preview">预览</button>
                                    <div class="mw_interval_l5r5"></div>
                                    <a data-toggle="collapse" class="btn btn-outline-dark" role="button" id="btn_data_binding_settings" href="#container_data_binding_setting">设置</a>
                                </div>


                                <!-- setting -->
                                <div class="mw_division_10"></div>
                                <div class="container collapse" id="container_data_binding_setting">
                                    <p>设置内容</p>
                                    <div class="row">
                                        <div class="col-md-3 col-sm-3">最小子结构：</div>
                                        <div class="col-md-4 col-sm-4">
                                            <div class="form-group form-check">
                                                <input type="checkbox" class="form-check-input" id="cbox_data_binding_background" checked>
                                                <label for="cbox_data_binding_background" class="form-check-label">背景颜色</label>
                                                <input class="jscolor" id="color_data_binding_backgorund" value="FF5221">
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-sm-4">
                                            <div class="form-group form-check">
                                                <input type="checkbox" class="form-check-input" id="cbox_data_binding_border">
                                                <label for="cbox_data_binding_border" class="form-check-label">边框颜色</label>
                                                <input class="jscolor" id="color_data_binding_border" value="973114">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-3 col-sm-3">最大范围：</div>
                                        <div class="col-md-4 col-sm-4">
                                            <div class="form-group form-check">
                                                <input type="checkbox" class="form-check-input" id="cbox_max_background" checked>
                                                <label for="cbox_max_background" class="form-check-label">背景颜色</label>
                                                <input class="jscolor" id="color_max_backgorund" value="3ACDFF">
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-sm-4">
                                            <div class="form-group form-check">
                                                <input type="checkbox" class="form-check-input" id="cbox_max_bording">
                                                <label for="cbox_max_bording" class="form-check-label">边框颜色</label>
                                                <input class="jscolor" id="color_max_border" value="1B6179">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-3 col-sm-3">生成子结构：</div>
                                        <div class="col-md-4 col-sm-4">
                                            <div class="form-group form-check">
                                                <input type="checkbox" class="form-check-input" id="cbox_sub_background" checked>
                                                <label for="cbox_sub_background" class="form-check-label">背景颜色</label>
                                                <input class="jscolor" id="color_sub_backgorund" value="FF5CAA">
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-sm-4">
                                            <div class="form-group form-check">
                                                <input type="checkbox" class="form-check-input" id="cbox_sub_bording">
                                                <label for="cbox_sub_bording" class="form-check-label">边框颜色</label>
                                                <input class="jscolor" id="color_sub_border" value="832F57">
                                            </div>
                                        </div>
                                    </div>

                                </div>


                                <div class="mw_division_10"></div>                        

                            </form>
                        </div>
                    </div>
                </div>
                
                <!-- 
                    simple list
                -->
                <div class="container p-0" id="container_get_data_simple_list">

                    <!-- 具体数据 -->
                    <div name="division line" class="mw_division" id="division_for_div_get_data"></div>
                    <div class="row mw_card_content" id="div_get_data">

                        <div class="col-md-12">
                            <h5><a data-toggle="collapse" href="#from_data_detail" aria-expanded="false">第二步: 获取数据</a></h5>
                            <div class="mw_division_10"></div>

                            <form id="from_data_detail" class="collapse show">
                                <!-- 数据组名称 -->
                                <!-- 动态变化 -->
                                <div class="form-group row">
                                    <div class="col-md-1 col-sm-1 align-self-center">
                                        <label for="data_set_name_1">名称</label>
                                    </div>
                                    <div class="col-md-11 col-sm-11">
                                        <input type="text" class="form-control" id="txtDataSetName" placeholder="数据组名称"></input>
                                    </div>  
                                </div>

                                <p>1. 指定目标数据</p>
                                <div class="form-group row">
                                    <div class="col-md-1 col-sm-1 align-self-center">
                                        <button type="button" class = "btn btn-circle" id="btnGetValue">
                                            <img src="click.svg" id="imgGetValue">
                                        </button>
                                    </div>
                                    <div class="col-md-11 col-sm-11">
                                        <input type="text" readonly class="form-control" id="xpath"></input>
                                    </div>    
                                </div>

                            </form>
                        
                        </div>

                    </div>

                    <!-- 数据组操作栏 -->
                    <div name="division line" class="mw_division" id="division_for_div_data_set"></div>
                    <div class="row mw_card_content_v2" id="div_data_set">
                        <div class="col-md-12 col-sm-12 col-lg-12">
                            <nav class="navbar navbar-expand-lg navbar-expand-md navbar-light">

                                <!-- 面包按钮 -->
                                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav_data_set" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
                                    <span class="navbar-toggler-icon"></span>
                                </button>
                                
                                <!-- 操作按钮 -->
                                <div class="navbar-brand">
                                    <div class="row">
                                        <div class="col-md-12 col-sm-12">
                                            <button class="btn btn-circle" id="btn_add_new_data_set" data-toggle="tooltip" data-placement="left" title="新增一组数据">
                                                <img src="add_32.png">
                                            </button>
                                        </div>
                                    </div>
                                    <div class="mw_division_10"></div>
                                    <div class="row">
                                        <div class="col-md-12 col-sm-12">
                                            <button class="btn btn-circle" id="btnSubmit" data-toggle="tooltip" data-placement="left" title="发送所有数据">
                                                <img src="send_32.png">
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <!-- 数据组 -->
                                <div class="collapse navbar-collapse row" id="nav_data_set">
                                    <ul class="navbar-nav mr-auto mt-2 mt-lg-0 row" id="ul_data_set" style="width: 100%; margin-left: 10px;">
                                        <!-- Jquery 根据web_info_object内容添加 --> 
                                        <li class="nav-item  mw_date_set_card col-md-3 col-lg-3">
                                            <div class="justify-content-center text-wrap">
                                                <button index="0" name="btn_data_set" class="btn btn-block btn-data-set-name" id="btn_data_set_0" style="background-color: rgb(254, 206, 168);">
                                                    数据组名称
                                                </button>
                                            </div>

                                            <div class="mw_division_10"></div>
                                            
                                            <div class="d-flex justify-content-center flex-row">
                                                <div class="col-md-6 col-sm-6 col-lg-6 d-flex pl-0">
                                                    <button class="btn btn-preview-data btn-block" id="btn_preview_0" style="background-color: rgb(255, 255, 255); color: rgb(240, 123, 63);">预览</button>
                                                </div>
                                                <div class="col-md-6 col-sm-6 col-lg-6 d-flex pr-0">
                                                    <button index="0" name="btn_delete" class="btn btn-outline-danger btn-delete-data btn-block" id="btn_delete_0">删除</button>
                                                </div>
                                            </div>
                                        </li>                                   
                                    </ul>
                                </div>
                            </nav>
                        </div>
                    </div>

                    <!-- 数据组删除确认框 -->
                    <div class="container" id="container_delete_confirm">
                        <div name="division line" class="mw_division" id="division_for_div_delete_confirm"></div>
                        <div class="row mw_card_content" id="div_delete_confirm">
                            <div class="col-md-12 col-sm-12 col-lg-12">
                                <p>是否删除该数据组? - <span id="span_delete_confirm_data_set_name" class="span_data_set_name">数据组名称</span></p>
                                <button type="button" class="btn btn-danger" id="btn_delete_confirm_ok">确认删除</button>
                                <button type="button" class="btn btn-light" id="btn_delete_confirm_cancel">取消</button>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 
                    continues
                -->
                <div class="container p-0" id="container_get_data_continues">
                    <div name="division line" class="mw_division"></div>
                    <div class="row mw_card_content">
                        <form>
                            <p>1. 指定数据位置</p>
                            <div class="form-group row">
                                <div class="col-md-3 col-sm-3 align-self-center">
                                    <button type="button" class = "btn btn-circle btn-get-xpath" id="btnContinuesGetValue">
                                        <img src="click.svg" id="imgContinuesGetValue">
                                    </button>
                                </div>

                                <div class="col-md-9 col-sm-9 align-self-center">
                                    <input type="text" readonly class="form-control" id="xpathContinuesGetValue"></input>
                                </div>    
                            </div>

                            <p>2. 指定持续时间</p>
                            <div class="form-group row">
                                <div class="col-md-4">
                                    <label for="hours">时</label>
                                    <input type="text" class="form-control" id="hours" value="0">
                                </div>

                                <div class="col-md-4">
                                    <label for="minutes">分</label>
                                    <input type="text" class="form-control" id="minutes" value="0">
                                </div>

                                <div class="col-md-4">
                                    <label for="seconds">秒</label>
                                    <input type="text" class="form-control" id="seconds" value="0">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

                <!-- 
                    structure
                -->
                <div class="container p-0" id="container_get_data_structure">
                    <div class="mw_division"></div>

                    <div class="row mw_card_content">
                        <div class="col-md-12 col-sm-12">
                            <div class="row">
                                <div class="col-md-12 col-sm-12">
                                    <a class="btn btn-primary btn-sm pl-2" href="#row_view_and_selector" role="button" id="btn_viewer_refresh">刷新</a>
                                </div>
                            </div>
                            <div class="row" id="row_view_and_selector">
                                
                                <div class="col-md-9 col-sm-12" id="div_viewer" style="height:600px;overflow-y:auto">
        
        
        
                                    <!-- html测试 -->
                                    <!-- <div class="container ml-4" id="0_tag">
                                        上标签名
                                        <div class="row">
                                            <div class="col-md-12 col-sm-12 align-self-center">
                                                <img src="icons/down_16.png" data-toggle="collapse" href="#0_tag_content" class="d-inline-flex" aria-expanded="true" aria-controls="row_testss">
                                                <p class="d-inline-flex" class="">
                                                    &lt;div &nbsp; <span id="span_attrs"></span>&gt;
                                                </p>
                                            </div>
                                        </div>
        
                                        标签内容
                                        <div class="row collapse show" id="0_tag_content">
        
        
                                        </div>
        
                                        下标签名
                                        <div class="row">
                                            <div class="col">
                                                <p>&lt;/div&gt;</p>
                                            </div>
                                        </div>
                                    </div> -->
        
        
        
                                </div>

                                <div class="col-md-3 col-sm-12" id="div_selector">
        
                                    <form >
                                        <div class="form-group">
                                            <p>标签名称：<span id="selector_tag_name">a</span></p>
                                        </div>
        
                                        <div class="form-group">
                                            <div class="form-check form-row" id="selector_attrs">
                                                
                                                <!-- <div class="col-md-12 col-sm-12">
                                                    <input class="form-check-input" type="checkbox" id="attrs_1">
                                                    <label class="form-check-label" for="attrs_1">attr_1</label>
                                                    <label data-toggle="collapse" href="#attr_1_values" aria-expanded="false">values</label>
                                                    <div class="collapse" id="attr_1_values">
                                                        <p>values...</p>
                                                    </div>
                                                </div> -->
                                                
        
                                            </div>
                                            
                                        </div>
                                    </form>
        
        
                                </div>
                            </div>
        
                            <div class="row" id="row_collector">
                                <p>Collector</p>
                                <div class="col-md-12 col-sm-12" id="div_collector">
        
                                    <!-- <div class="row">
                                        <div class="col-md-12 col-sm-12">
                                            <span>[p]</span><span>[delete]</span>
                                        </div>
                                    </div> -->
        
                                    
                                </div>
                            </div>
                        </div>
                        
                    </div>


                    <!-- <div class="container mw_card_content p-0" id="container_html_analyzer">
                        
                    </div> -->
                </div>

                <!-- 发送成功确认框 提到外秒--> 
                <div class="container p-0" id="container_submit_confirm">
                    <div name="division line" class="mw_division" id="division_for_div_submit_confirm"></div>
                    <div class="row mw_card_content collapse" id="div_submit_confirm" data-toggle="collapse" aria-expanded="false">
                        <div class="col-md-12 col-sm-12 col-lg-12">
                            <p>发送成功</p>
                            <button type="button" class="btn btn-success" id="btn_submit_confirm_ok">我知道了</button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 
                发送数据
            -->
            <div class="container d-none" id="container_send_data">
                <div name="division line" class="mw_division" id="division_for_div_send_data"></div>
                <div class="container mw_card_content" id="div_send_data">
                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            <form>
                                <div class="form-group">
                                    <p>发送数据到服务器</p>
                                    <input type="button" id="btn_send_data" value="发送" class=" btn btn-success">
                                </div>
                                
                                <div class="form-group">
                                    <p>导出数据</p>
                                    <input type="button" id="btn_export_to_excel" value="导出数据" class="btn btn-success">
                                    <a data-toggle="collapse" class="btn btn-outline-dark" id="btn_export_setting" role="button" type="button" href="#container_export_setting">设置</a>
                                </div>
                            </form>
                        </div>
                    </div>
                    

                    <!-- 导出设置 -->
                    <div class="container collapse" id="container_export_setting">
                        <p>输出设置</p>
                        <div class="form-group row">
                            <div class="col-md-3 col-sm-3 align-self-center">
                                <label for="txtTurnPageTimes">- 翻页频率（秒/次）</label>
                            </div>
                            <div class="col-md-9 col-sm-9">
                                <input type="text" class="form-control" id="txtTurnPageRate" placeholder="only number & &lt; 10" value="3"></input>
                            </div>
                        </div>
                    </div>

                    <!-- 导出进度 -->
                    <div class="container d-none" id="container_export_process">
                        <div class="row">
                            <div class="col">翻页总数：<span id="span_all_turn_page_time">0</span></div>
                        </div>

                        <div class="row">
                            <div class="col">已完成：<span id="span_current_turn_page_time">0</span></div>
                        </div>

                        <div class="row">
                            <div class="col">
                                <button class="btn btn-danger d-none" id="btn_process_stop">停止</button>
                                <button class="btn btn-success d-none" id="btn_process_done">完成</button>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 隐藏数据 -->
                <div>
                    <table class="d-none" id="data_table">
                        <tr id="table_head">
                        </tr>
                        <tbody id="table_body">
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- 导入项目 -->
            <div class="container d-none" id="container_import_proj">
                <div name="division line" class="mw_division" id="division_for_div_import_proj"></div>
                <div class="row mw_card_content" id="div_import_proj">
                </div>
            </div>
            
        </div> 
        <!-- container_content -->


        <div id="container_down" class="mw_division"></div>


        <script src="jquery-4.3.1.min.js"></script>
        <!-- <script src="dotdotdot.js"></script> -->
        <script src="jscolor.js"></script>

        <script src="popper.min.js"></script>
        <script src="bootstrap.min.js"></script>
        <script src="sheetJs/xlsx.full.min.js"></script>
        
        <script src="insert_html.js"></script>
        <script src="data_structure.js"></script>
        <script src="GetDataStructure.js"></script>
        <script src="GetDataContinues.js"></script>
        <script src="SendData.js"></script>
        <script src="panel.js"></script>
        <script src="element.js"></script>
    </body>
</html>